@charset "utf-8";

*{margin:0; padding:0;}
body {color:#ccf;font-family:"微软雅黑","宋体",Arial;font-size:12px;background:#000 url(../images/bg.jpg) no-repeat scroll left top;}
a {text-decoration:none;color:#09f;outline:none;blr:expression(this.onFocus=this.blur());}
a:visited {color:#09f;}
a:hover, a:active {color:#fff;}
h3, h4, h5, h6 {font-size:12px;font-weight:bold;}
img {border:0;}
ul, li, ol {list-style:none;}
table {border-collapse:collapse;border-spacing:0;border:0;}
th, td {text-align:left;vertical-align:center;}
.floatl {float:left}
.floatr {float:right}
.txtc {text-align:center}
.txtr {text-align:right}
.clear {clear:both}
.red {color:#ff0000}
.blue {color:#5555ee}
.green{color:#2f710f}
.gray {color:#a6a6a6}
.normal {font-weight:normal;font-size:12px}
.bold {font-weight:bold}
.border {border:1px solid #344951;}
select {background:#26343b;color:#ddf;border:1px solid #547991}

/* header && footer */
.header {height:48px;margin-bottom:10px;background:url(../images/title_bg.gif) repeat-x;}
.header h2 {padding-top:12px;padding-left:10px;color:#fff;}
.footer {height:45px;padding-top:8px;text-align:center;clear:both;}
.footer p {margin:6px 0 6px 0;}

/* menu */
.menu {height:24px;text-align:center;position:absolute;right:6px;top:6px;z-index:1;}
.menu ul li {position:relative;display:inline;float:left;line-height:20px;padding:0px 3px;}
.menu ul li a {border:#777 solid 1px;display:block;color:#fff;padding:0px 8px;height:20px;line-height:20px;}
.menu ul li a:hover, .menu ul .selected {border-bottom:#09F solid 2px;background:#555;}

.container {}
.left {margin-left:10px;width:210px;float:left;}
.right {margin-left:230px;margin-right:10px;border-left:1px solid #344951;}

.tabtitle {height:36px;background:url(../images/title_bg.gif) repeat-x scroll left -50px;border-right:1px solid #344951;border-bottom:1px solid #344951;font-size:14px;line-height:36px;font-weight:bold;text-indent:8px;}
.table {width:100%;padding:0;margin:0;border:0;line-height:100%;table-layout:fixed;}
.table th {padding:0px 8px;border-right:1px solid #344951;border-bottom:1px solid #344951;line-height:24px;background-color:#182226;font-size:13px;}
.table td {padding:0px 8px;border-right:1px solid #344951;border-bottom:1px solid #344951;line-height:24px;}
.table td img {margin:3px 2px;float:left;}
.table .tr0 {background:#263338;}
.table .tr1 {background:#1c272c;}
.table .trhover {background:#3a6067;}

.searchFrame {width:350px;height:75px;margin:8px auto;padding:3px;text-align:center;border:1px solid #547991;background:#32404b;}
.searchFrame h3 {font-size:14px;margin:3px;text-indent:-50px;}
.searchFrame input {height:24px;width:160px;font-size:14px;margin:3px;background:#26343b;color:#ddf;border:1px solid #547991;}
.searchFrame .btn {width:60px;}


/* tooltip */
#tooltip {display:none;position:absolute;z-index:88888;}
.tooltip td, .tooltip th {background:url(../../../caches/images/tooltip.png);font-family:Verdana;font-size:12px;line-height:17px;color:white}
.tooltip th {padding:3px;height:9px}
.tooltip td {padding:8px 4px 1px 9px}
.myBold{font-weight:bold}
.myItemName{font-size:14px}
.myGold{color:#7e7046}
.myOrange{color:#ff8000}
.myPurple{color:#A335EE}
.myBlue{color:#0070DD}
.myGray{color:#c9c9c9}
.myGreen{color:#00FF00}
.myYellow{color:#ffd517}
.myRed{color:#d80000}
.myWhite{color:#ffffff}
.myTable{color:#FFFFFF;font-size:12pt;font-family:Arial,Helvetica,sans-serif}
.myRight{color:#FFFFFF;font-size:12pt;position:absolute;right:0px}
.socketImg{width:14px;height:14px;margin:0 7px 0 0;padding:0;display:block;}
.tooltipRight{position:relative;float:right;clear:right;margin: 0 0 0 4px}
.bonusGreen{color:#00FF00}
.setNameYellow{color:#ffd517;font-size:11px}
.setItemIndent {display:inline;}
.setItemIndent span{margin-left:9px;}
.setItemYellow{color:#f8ffa8}
.setItemGray{color:#787880}
.Socket_Blue {background:url(../../../caches/images/Socket_Blue.png) no-repeat;float:left;}
.Socket_Red {background:url(../../../caches/images/Socket_Red.png) no-repeat;float:left;}
.Socket_Yellow {background:url(../../../caches/images/Socket_Yellow.png) no-repeat;float:left;}
.Socket_Meta {background:url(../../../caches/images/Socket_Meta.png) no-repeat;float:left;}

/* races && classes */
.BLOODELF {width:18px;height:18px;display:block;float:left;background:url(../../../caches/images/bloodelf.gif);margin:3px 2px;}
.DRAENEI {width:18px;height:18px;display:block;float:left;background:url(../../../caches/images/draenei.gif);margin:3px 2px;}
.DWARF {width:18px;height:18px;display:block;float:left;background:url(../../../caches/images/dwarf.gif);margin:3px 2px;}
.GNOME {width:18px;height:18px;display:block;float:left;background:url(../../../caches/images/gnome.gif);margin:3px 2px;}
.HUMAN {width:18px;height:18px;display:block;float:left;background:url(../../../caches/images/human.gif);margin:3px 2px;}
.NIGHTELF {width:18px;height:18px;display:block;float:left;background:url(../../../caches/images/nightelf.gif);margin:3px 2px;}
.ORC {width:18px;height:18px;display:block;float:left;background:url(../../../caches/images/orc.gif);margin:3px 2px;}
.SCOURGE {width:18px;height:18px;display:block;float:left;background:url(../../../caches/images/scourge.gif);margin:3px 2px;}
.TROLL {width:18px;height:18px;display:block;float:left;background:url(../../../caches/images/troll.gif);margin:3px 2px;}
.TAUREN {width:18px;height:18px;display:block;float:left;background:url(../../../caches/images/tauren.gif);margin:3px 2px;}
.WARRIOR {width:18px;height:18px;display:block;float:left;background:url(../../../caches/images/warrior.gif);margin:3px 2px;}
.WARLOCK {width:18px;height:18px;display:block;float:left;background:url(../../../caches/images/warlock.gif);margin:3px 2px;}
.SHAMAN {width:18px;height:18px;display:block;float:left;background:url(../../../caches/images/shaman.gif);margin:3px 2px;}
.ROGUE {width:18px;height:18px;display:block;float:left;background:url(../../../caches/images/rogue.gif);margin:3px 2px;}
.PRIEST {width:18px;height:18px;display:block;float:left;background:url(../../../caches/images/priest.gif);margin:3px 2px;}
.PALADIN {width:18px;height:18px;display:block;float:left;background:url(../../../caches/images/paladin.gif);margin:3px 2px;}
.MAGE {width:18px;height:18px;display:block;float:left;background:url(../../../caches/images/mage.gif);margin:3px 2px;}
.HUNTER {width:18px;height:18px;display:block;float:left;background:url(../../../caches/images/hunter.gif);margin:3px 2px;}
.DRUID {width:18px;height:18px;display:block;float:left;background:url(../../../caches/images/druid.gif);margin:3px 2px;}
.DEATHKNIGHT {width:18px;height:18px;display:block;float:left;background:url(../../../caches/images/deathknight.gif);margin:3px 2px;}
